.aDebuggerToolbar
    display flex
    flex-flow row nowrap
    padding 0 0.5rem
    border-top 1px solid borderBright
    .debugger-toolbar-aButton
        flex 1 1 auto
        text-align center
    &.vertical .debugger-toolbar-aButton
        padding 0.65rem 0.5rem
    .debugger-toolbar-aDivider
        height auto
    &.tight .debugger-toolbar-aButton > span
        display none
debugger-screen-multiwindow, debugger-screen-split
    #thePreview
        overflow hidden
    @extends .tall

#theDebuggerToolbarWindow
    &, & body
        position relative
        width 100%
        height 100%
        overflow hidden
        background transparent

.debugger-toolbar-aDragger, .debugger-toolbar-aButton
    align-content stretch
    padding 0 0.5rem
.debugger-toolbar-aDragger
    color borderBright
    height 100%
    cursor move
    -webkit-app-region drag
    app-region drag
.debugger-toolbar-aButton
    color act
    cursor pointer
    background background
    if (themeDark)
        background transparent
    {trans}
    padding 0.35rem 1rem
    text-align center
    &:hover, &.active
        background acttext
        color background !important
        {transshort}
        if (themeDark)
            color foreground
        if (!themeDark)
            border-color accent1
        svg
            color background !important
    &:active, &.selected
        {transshort}
        border-color accent1
        background accent1
        color background
        svg
            color background
        if (themeDark)
            color foreground
            svg
                color foreground
    &:last-child
        border-radius 0 br br 0
.debugger-toolbar-aDivider
    border-right 1px solid borderBright
    height 100%
    width 0
    margin 0 0.5rem
